<!--
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2023-12-10 15:44:30
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2023-12-10 15:50:43
 * @FilePath: /tuberculosis_screening_app/src/components/common/ecgCard.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="patient">
    <div class="patient-body">
      <div class="justify_between">
        <p><span class="label">姓 名：</span><span>简一 </span></p>
        <p><span class="label">性 别：</span><span>女 </span></p>
      </div>
      <div class="justify_between">
        <p><span class="label">年 龄：</span><span>24岁</span></p>
        <p><span class="label">名 族：</span><span>藏族</span></p>
      </div>
      <div>
        <p>
          <span class="label">身 份 证：</span><span>620423198812121212 </span>
        </p>
      </div>
      <p><span class="label">归属地区：</span><span>年龙乡</span></p>
      <p><span class="label">人群分类：</span><span>非重点人群</span></p>
      <p><span class="label">筛查次数：</span><span>1次</span></p>
      <p><span class="label">筛查日期：</span><span>2023-11-14</span></p>
      <p>
        <span class="label">筛查单位：</span><span>色达县年龙乡信息采集组</span>
      </p>
    </div>

    <div class="patient-footer align-items_center">
      <div class="item flex">
        <van-button class="btn px_xs" plain type="primary" block @click="navigate('/modules/patient/src/symptom_editor')"> 新增筛查 </van-button>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { navigate } from '@/service/navigate';

export default defineComponent({
  name:'EcgCard',
  setup() {

    return {
      navigate
    }
  }
});
</script>

<style lang="scss" scoped>
@import '@/styles/variables.scss';
.patient {
  // border-radius: $radius;
  background-color: #fff;
  color: #000000;
  .patient-body {
    padding: map-get($spaces, sm);
    padding-bottom: 0px;
    line-height: 2;
  }
  .patient-footer {
    border-top: solid 1px map-get($border-colors, lighter);
    .item + .item {
      border-left: solid 1px map-get($border-colors, lighter);
    }

    .btn {
      border-radius: unset;
      border: none;
    }
  }
}

.color_2 {
  color: #a7a6a5;
}
</style>

